<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar-double codetype="AAC058,AAB301" companyType="COMPANY_FROM_RB01" personType="PERSON_SOURCE_CONTINUE" 
                                :datas="{formData: form,tableData:tableData,panel: panel}">
            </epl-top-bar-double>
            <epl-InsuredInfo isCodeType :panel="panel"></epl-InsuredInfo>
            <el-collapse v-model="activeNames">
                <el-form :model="form" :rules="rules" ref="form">
                    <el-collapse-item title="请输入参保信息" name="1">
                        <el-card class="ep-card">
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="社会保障号" name="aac002" :property="form.aac002" p="R,D" ></ep-input>
                                <ep-date colspan="8" label="参加工作日期" name="aac007" :property="form.aac007" placeholder="请选择参加工作日期" 
                                    p="R" format="yyyy-MM-dd" value-format="yyyyMMdd" rules="this.$localRules.DateCheck" ></ep-date>
                                <ep-date colspan="8" label="本次参保日期" name="aae035" :property="form.aae035" placeholder="请选择本次参保日期" 
                                    p="R" format="yyyy-MM-dd" value-format="yyyyMMdd" isCodeType isChange rules="this.$localRules.DateCheck" ></ep-date>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="参保身份" name="aac066" :property="form.aac066" placeholder="请选择参保身份"
                                    p="R" codetype="AAC066" :datas="{formData: form,tableData:tableData,panel: panel}" isCodeType isChange></ep-select>
                                <ep-select colspan="8" label="参保子身份" name="bac066" :property="form.bac066" placeholder="请选择参保子身份"
                                    p="R" codetype="BAC066" :datas="{formData: form,tableData:tableData,panel: panel}" isCodeType isChange></ep-select>
                                <ep-input colspan="8" label="申报工资" name="aac040" :property="form.aac040" placeholder="请输入申报工资"
                                    p="R" :datas="{formData: form,tableData:tableData,panel: panel}" isCodeType isChange rules="this.$rules.numx"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="变动类型" name="aac050" :property="form.aac050"
                                    p="R,D" codetype="AAC050" ></ep-select>
                                <ep-select colspan="8" label="变动原因" name="aae160" :property="form.aae160"
                                    p="R,D" codetype="AAE160" SelectFilterData=" aaa102 >'6100' and aaa102<='6299'"></ep-select>
                                <ep-select colspan="8" label="用工形式" name="aac013" :property="form.aac013" placeholder="请选择用工形式"
                                    p="E" codetype="AAC013" ></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="转移账户类别" name="aae473" :property="form.aae473" placeholder="请选择转移账户类别"
                                    p="E" codetype="AAE473" ></ep-select>
                                <ep-input colspan="16" label="备注" name="aae013" :property="form.aae013" p="E" ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="参保身份列表" name="aac066s" :property="form.aac066s" p="H" ></ep-input>
                                <ep-input colspan="8" label="参保子身份列表" name="bac066s" :property="form.bac066s" p="H" ></ep-input>
                                <ep-input colspan="8" label="生存状态" name="aac060" :property="form.aac060" p="H" ></ep-input>
                            </el-row>
                        </el-card>
                    </el-collapse-item>
                    <el-collapse-item title="请输入联系信息" name="2">
                        <el-card class="ep-card">
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="固定电话" name="aae005" :property="form.aae005" placeholder="请输入固定电话" 
                                    p="E" rules="this.$rules.telephone" ></ep-input>
                                <ep-input colspan="8" label="手机号码" name="aac067" :property="form.aac067" placeholder="请输入手机号码" 
                                    p="E" rules="this.$rules.mobile" ></ep-input>
                                <ep-input colspan="8" label="联系地址邮编" name="aae007" :property="form.aae007" placeholder="请输入联系地址邮编" 
                                    p="E" rules="this.$rules.postcode" ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="通讯地址" name="bae011" :property="form.bae011"
                                            placeholder="请选择省" codetype="BAE007" p="E"  :datas="{formData:form}" isChange isCodeType></ep-select>
                                <ep-select colspan="4" label="" label-width="0" name="bae012" :property="form.bae012"
                                            placeholder="请选择市" codetype="BAE008" p="E" :datas="{formData: form}" isChange isCodeType
                                            SelectFilterData=" aaa102 like substr(':bae011',0,2)||'%' and aaa102 like '%00' "></ep-select>
                                <ep-select colspan="4" label="" label-width="0" name="bae013" :property="form.bae013" 
                                            placeholder="请选择区县" codetype="BAE009" p="E" :datas="{formData: form}"
                                            SelectFilterData=" aaa102 like substr(':bae012',0,4)||'%'" ></ep-select>
                                <ep-input colspan="8" label="" label-width="0" name="aae006" :property="form.aae006"
                                            placeholder="请输入详细地址" p="E" :datas="{formData:form}"></ep-input>
                            </el-row>
                        </el-card>
                    </el-collapse-item>
                    
                </el-form>
                <el-card class="ep-card">
                    <ep-table :data="tableData" style="width: 100%;">
                        <ep-table-column editor="select" name="aae140" header="险种类型" width="300" codetype="AAE140"></ep-table-column>
                        <ep-table-column editor="number" name="aae180" header="缴费基数" width="300" ></ep-table-column>
                        <ep-table-column editor="select" name="aaz289" header="征缴档次" codetype="AAZ289"></ep-table-column>
                        <ep-table-column editor="date" name="aae030" header="本次参保日期" width="300" format="yyyy-MM-dd" value-format="yyyyMMdd" ></ep-table-column>
                    </ep-table>
                    <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" :validate="['form']" @formValidate="formValidate"
                                :datas="{formData: form,tableData:tableData,panel: panel}" name="保存"></ep-saveButton>
                    </el-row>
                </el-card>
            </el-collapse>
        </el-main>
    </el-main>
</template>

<script src="../js/PsInsureSpecialJS.js"></script>
